@charset "UTF-8";
.header .m-btn {
	position:absolute;
	right:10px;
	top:0px;
  width: 50px;
  height: 50px;
  display: none;
  cursor: pointer;
}
.header .m-btn .box {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.header .m-btn .line {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  left: 10px;
  transition: width 0.3s ease 0s;
}
.header .m-btn .line1 {
  width: 20px;
  top: 15px;
}
.header .m-btn .line2 {
  width: 30px;
  top: 24px;
}
.header .m-btn .line3 {
  width:25px;
  top: 33px;
}
.header .m-btn.cur .line1, .header .m-btn.cur .line2, .header .m-btn.cur .line3 {
  width: 30px;
}
.header .m-menu{
	display:none;
	border-top:1px solid #fff;
	background:#4d4948;
	position:absolute;
	left:0px;
	top:50px;
	width:100%;
	height:auto;
	padding-bottom:20px;}
.header .m-menu a{
	display:block;
	height:50px;
	line-height:50px;
	text-align:left;
	margin:0 10px;
	color:#fff;
	font-size:14px;
	border-bottom:1px solid #fff;
	text-indent:24px;}
.header .m-menu a:hover{
	color:#d4d4d4;
	background:#ce0b16;}
@media (max-width: 1440px) {
.header .search{
	display:none;}

	.i-ban li .cent-cont,.i-ban .btns{
		left: 5.5%;
	}
	.i-ban li .cent-cont{
		margin-top: -190px;
	}
	.i-ban li .word{
		font-size: 36px;
		line-height: 56px;
	}
	.i-ban li .word p{
		height: 56px;
	}
}
@media (max-width: 1140px) {
.header ul{
	right:5%;}
}
@media (max-width: 1040px) {
#fp-nav{
	display:none;}
.btn-down{
	display:none;}
.header .m-btn{
	display:block;}
.header ul{
	display:none;}
.i-ban li .cent-cont{
	width: 90%;
	left: 5%;
}
.i-ban li .word{
	font-size: 30px;
	line-height: 56px;
}
.i-ban{
	display: none;
}
.i-m-ban{
	display: block;
}
.section1{
	margin-top:50px;}
}
@media (max-width: 1440px) {
.section2 .about{
	width:1000px;
	height:500px;}
.section2 .about .title{
	width:290px;
	height:260px;
	background-size:100% 100%;}
}

@media (max-width: 1200px) {
.section2 .about{
	width:1000px;
	height:480px;}
.section2 .about .title{
	width:290px;
	height:260px;
	background-size:100% 100%;}
.footer .main{
	width:1000px;}
}

@media (max-width: 1024px) {
.mTema{ display:block}
.section2 .about{
	width:715px;
	height:auto;}
.section2 .about .title{
	width:100%;
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
	position:static;
	height:auto;
	background:none;
	background-size:100% 100%;}

.section2 .about .title{
	display:none;
	color: #000;
	text-align: center;
	font-size: 22px;
	line-height: 22px;
	height: auto;
	background: none;
	width: 100%;}
.section2 .about .title b{
	font-family: "BEBAS";
	display: block;
	height: 54px;
	line-height: 54px;
	padding-top: 50px;
	font-size: 30px;
	font-weight: normal;}
.section2 .about ul{
	position:static;
	height:auto;
	margin-top:20px;
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;}
.section2 .about ul li{
	position:static;}
.section2 .about .word{
	opacity: 1 !important;
	font-size:14px;
	line-height:26px;
	filter: alpha(opacity=100) !important;
	position:static;
	margin-top:50px;}
}
.section2 .about .word2{
	color:#000;
	display:none;
	font-size:12px;
	line-height:24px;
	margin:20px 1%;}
@media (max-width: 715px) {
	.indexvideo{ width:100%;}
.float-right-box{
	display:none !important;}
.section2 .about .word{
	display:none !important;}
.section2 .about{
	width:100%;}
.section2 .about .title b{
	padding-top:20px;}
.section2 .about .word2{
	display:block; width:94%; margin:0 auto; text-align:justify; padding-top:5%;}
.section2 .about ul{
	width:99%;
	margin-right:1%;}
.section2 .about ul li{
	width:19%;
	margin-left:1%;
	height:auto;}
.section2 .about ul li a{
	display:block;}
.section2 .about ul li a img{
	width:100%;}
}
.section7 .ttitle,
.section3 .ttitle{
	display:none;
	color: #000;
	text-align: center;
	font-size: 32px;
	line-height: 42px;
	height: auto;
	background: none;
	width: 100%;}
.section7 .ttitle b,
.section3 .ttitle b{
	font-family: "BEBAS";
	display: block;
	height: 94px;
	line-height: 94px;
	padding-top: 30px;
	font-size: 50px;
	font-weight: normal;
	color:#c60813}
.section7 .ttitle,
.section3 .ttitle,
.section5 .ttitle,
.section8 .ttitle{
	display:none;
	color: #000;
	text-align: center;
	font-size: 22px;
	line-height: 22px;
	height: auto;
	background: none;
	width: 100%;}
.section2 .about .title{
	display:block;}
.section7 .ttitle b,
.section3 .ttitle b,
.section5 .ttitle b,
.section8 .ttitle b{
	font-family: "BEBAS";
	display: block;
	height: 54px;
	line-height: 54px;
	padding-top: 50px;
	font-size: 30px;
	font-weight: normal;
	color:#c60813}
.bbox{
	display:none;
	margin-top:40px;}
.bbox ul li{
	float:left;
	width:33%;
	padding:1px;
	position:relative;
	background:#fff;
	overflow:hidden;}
.bbox ul li a{
	display:block;}
.bbox ul li a.name{
	/*position:absolute;
	left:0px;
	top:0px;
	bottom:0px;
	right:0px;*/
	font-size:14px;
	text-align:center;
	/*line-height:100%;*/
	font-weight:lighter;
	color:#000;
	line-height:30px;
	margin: 2% 0}
.bbox ul li a.name div{
	/*position:absolute;
	width:85%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	padding: 10% 0;
    transform: translate(-50%,-50%);
    background: rgba(0,0,0,0.7);
    border-radius: 10px;*/}
.bbox ul li a.name1{
	/*background:rgba(0,0,0,0.55)*/}
.bbox ul li a.name2{
	/*background:rgba(0,0,0,0.55)*/}
.bbox ul li a.name3{
	/*background:rgba(0,0,0,0.55)*/}
.bbox ul li a.name4{
	/*background:rgba(0,0,0,0.55)*/}
.bbox ul li a.name5{
	/*background:rgba(0,0,0,0.55)*/}
.bbox ul li a.name6{
	/*background:rgba(0,0,0,0.55)*/}
.bbox ul li a img{
	width:100%;}
.section7 .caselist2{
	display:none;
	margin-top:30px;}
@media (max-width: 768px) {
.bbox ul li{
	width:49%;}}
@media (max-width: 1024px) {
	.section3 .service,
	.section4 .service{
		display:none !important;}
	.section3 .ttitle{
		display:block;}
	.bbox{
		display:block;}
	.section7 .title{
		display:none !important;}
	.section7 .ttitle{
		display:block;}
	.section7 .caselist{
		display:none !important;}
	.section7 .caselist2{
		display:block;}
	.section7 .caselist2 ul li{
		float:left;
		width:48%;
		margin:20px 1% 0;
		position:relative;}
	.section7 .caselist2 ul li img{
		width:100%;
		border-radius: 10px;}
	.section7 .caselist2 li .name{
		position:absolute;
		font-size:22px;
		line-height:40px;
		text-align:center;
		color:#fff;
		cursor:pointer;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.8);
		left:0;
		top:0px;}
.section7 .caselist2 li .name1{
	background:rgba(0,0,0,0.75)}
.section7 .caselist2 li .name2{
	background:rgba(0,0,0,0.75)}
.section7 .caselist2 li .name3{
	background:rgba(0,0,0,0.75)}
.section7 .caselist2 li .name4{
	background:rgba(0,0,0,0.75)}
	.section7 .caselist2 li .name div{
		/*white-space:nowrap;*/
		left:50%;
		top:50%;
		transform:translate(-50%,-50%);
		width:100%;
		position:absolute;}
	.section7 .caselist2 li .name div b{
		font-family:"BEBAS";
		display:block;
		font-size:26px;
		font-weight:normal;}
		.section7 .caselist2 li .name div p{ width:70%; margin:0 auto; font-size:14px; line-height:22px; margin-top:30px; text-align: justify;}
}
@media (max-width: 1024px) {
	.section5{
		margin-top:50px;}
	.section5 .bg{
		display:none;}
	.section5 .ttitle{
		display:block;
		padding-bottom:40px;}
	.section5 .ttitle b{
		padding-top:0;}
	.section5 .team{
		position:static;
		margin:0 auto;
		width:1000px;}
	.section5 .team a{
		position:relative;
		float:left;
		text-align:center;
		width:48% !important;
		padding:1%;
		overflow:hidden;
		height:200px !important;}
	.section5 .team a img{
		height:100%;
		width:100%;}
}
@media (max-width: 1024px) {
	.section5 .team{
		position:static;
		width:100%;}
}
@media (max-width: 1600px) {
	.section6 .word{
		font-size:18px;}
.section6 .word div div span{
	font-size:24px;}}
@media (max-width: 1440px) {
	.section6 .word{
		width:25%;
		left:66% !important;
		font-size:16px;
		line-height:35px;}
.section6 .word div div span{
	font-size:20px;}
}
	.section6 .word2{
		display:none;}
@media (max-width: 1024px) {
	.section6 .pic{
		width:100%;
		margin-top:50px;
		position:static;}
	.section6 .word{
		display:none;}
	.section6 .word2{
		display:block;
		background:#ce1a23;
		font-size:16px;
		line-height:28px;
		padding:20px 30px;
		text-align:left;
		color:#fff;}
	.section6 .word2 p
	{
	background: #fff;
    width: 35%;
    color: #ce1a23;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
    margin-top: 3%;
    height: 35px;
    line-height: 35px;
		}
}
@media (max-width: 1300px) {
	.section6 .word{
		line-height:28px;
		font-size:14px;}
}
@media (max-width: 1100px) {
}
@media (max-width: 1440px) {
	.section8 .ptitle,
	.section8 .ltitle{
		width:220px;}
.section8 .links{
	left:230px;}
	.section8 .ptitle{
		background:#e39e03;}
		.section2 .about .title b{ font-size:42px;}
		.section2 .about .word{ font-size:15px; line-height:26px;}
		.service .box5 .title div{ font-size:40px;}
		.service .box4 .title div{ font-size:40px;}
		.service .box6 .title div{ font-size:40px;}
		.section7 .caselist li .name div b{ font-size:32px;}
		.section7 .caselist li .name div p{ font-size:14px; line-height:22px;}
}
@media (max-width: 1440px) {
	
}
.section8 .links2{
	display:none !important;}
@media (max-width: 1100px) {
	.section8 .links{
		width:60%;
		display:block !important;}
	.section8 .ptitle,
	.section8 .templatemorow,
	.section8 .ltitle{
		display:none !important;}
	.section8 .ttitle{
		display:block !important;}
	.section8 .ttitle2{
		display:block !important;}
	.section8 .links2{
		display:block !important;}
	.section8 .links{
		position:static !important;
		height:auto !important;
		margin:20px auto 0 !important;}
	.section8 .links ul li{
		height:auto !important;
		width:25%;}
	.section8 .main{
		height:auto !important;}
}
@media (max-width: 1100px) {
	.section8 .main{
		margin:0;
		padding:0;}
}
@media (max-width: 1024px) {
	.section8 .links{
		width:90%;}
	.section8 .ttitle2,
	.section8 .links{
		display:none !important;}
}
@media (max-width: 768px) {
	.section8 .links ul li{
		width:50%;}
	.section8 .links2 ul li{
		width:33.333%;}
	.section8 .links ul li a img{
		position:inherit;
		width:100%;
		transform:translate(0,0);}
}
.footer2{
	display:none;
	text-align:center;
	color:#fff;
	font-size:12px;
	line-height:24px;
	background:#4d4948;
	padding:30px 0;
	margin-top:20px;}
@media (max-width: 1024px) {
	#section-footer{
		display:none;}
	#footer-text{
		display:none;}
	.footer2{
		display:block;
		background: #222;}
}